{extend name="template/pc/cms-yingxiao/_base.html" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-yingxiao/css/page_vr.css">
{/block}

{block name="main"}

<div class="cont-pc">

    <div class="cont-contact cont-contact-withe">

        <div class="cont-box">

            <div class="vr_one">

                <div class="container">

                    <div class="font_title font-center">
                        <h2>720° VR全景-百闻不如一见</h2>
                        <p class="font_title_color">逼真还原场景, 让你身临其境</p>
                    </div>

                    <div class="vr_cont">
                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="one_bg" src="__TPMPLATE__pc/cms-yingxiao/images/vr/one_bg.jpg">
                    </div>

                </div>

            </div>

            <div class="vr_two">

                <div class="container">

                    <div class="font_title font-center font-withe">
                        <h2>智能展示 <span>VS</span> 传统展示</h2>
                        <p>优势一目了然 ，开启智能展示VR全景图时代！</p>
                    </div>

                    <div class="vr_cont">
                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="two_bg" src="__TPMPLATE__pc/cms-yingxiao/images/vr/two_img.png">
                    </div>

                </div>

            </div>

            <div class="vr_three">

                <div class="container">

                    <div class="font_title font-center">
                        <h2>成功案例</h2>
                        <p>任意位置、尺寸 、自适应屏幕，一行代码将智能展示体验轻松引入您的平台系统</p>
                    </div>

                    <div class="vr_cont">

                        <div class="vr_three_box">
                            <ul>
                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case1.jpg">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                                    </div>

                                    <div class="vr_case_title">企业官网展示</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case2.jpg">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                                    </div>

                                    <div class="vr_case_title">企业官网展示</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case3.jpg">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                                    </div>

                                    <div class="vr_case_title">企业官网展示</div>
                                </li>
                            </ul>
                        </div>

                        <div class="vr_three_zixun">咨询我们：{$system.advisory.value}</div>

                    </div>

                </div>

            </div>

            <div class="vr_four">

                <div class="container">

                    <div class="font_title font-center">
                        <h2>应用场景</h2>
                        <p>我们全力协助企业实现价值突破，推动产品和和品牌价值最大化</p>
                    </div>

                    <div class="vr_cont">

                        <div class="vr_four_box">
                            <ul>
                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img1.jpg">
                                    </div>

                                    <div class="vr_box_title">竞品分析</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img2.jpg">
                                    </div>

                                    <div class="vr_box_title">品牌提升</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img3.jpg">
                                    </div>

                                    <div class="vr_box_title">内训报告</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img4.jpg">
                                    </div>

                                    <div class="vr_box_title">商务谈判</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img5.jpg">
                                    </div>

                                    <div class="vr_box_title">商展活动</div>
                                </li>

                                <li>
                                    <div class="vr_box_img">
                                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img6.jpg">
                                    </div>

                                    <div class="vr_box_title">售后服务</div>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="vr_one">

        <div class="container">

            <div class="font_title font-center">
                <h2>720° VR全景-百闻不如一见</h2>
                <p class="font_title_color">逼真还原场景, 让你身临其境</p>
            </div>

            <div class="vr_cont">
                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="one_bg" src="__TPMPLATE__pc/cms-yingxiao/images/vr/one_bg.jpg">
            </div>

        </div>

    </div>

    <div class="vr_two">

        <div class="container">

            <div class="font_title font-center font-withe">
                <h2>智能展示 <span>VS</span> 传统展示</h2>
                <p>优势一目了然 ，开启智能展示VR全景图时代！</p>
            </div>

            <div class="vr_cont">
                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="two_bg" src="__TPMPLATE__pc/cms-yingxiao/images/vr/two_img.png">
            </div>

        </div>

    </div>

    <div class="vr_three">

        <div class="container">

            <div class="font_title font-center">
                <h2>成功案例</h2>
                <p>任意位置、尺寸 、自适应屏幕，一行代码将智能展示体验轻松引入您的平台系统</p>
            </div>

            <div class="vr_cont">

                <div class="vr_three_box">
                    <ul>
                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case.jpg">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                            </div>

                            <div class="vr_case_title">企业产品智能展示</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case.jpg">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                            </div>

                            <div class="vr_case_title">企业产品智能展示</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_case.jpg">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_btn" src="__TPMPLATE__pc/cms-yingxiao/images/vr/three_btn.png">
                            </div>

                            <div class="vr_case_title">企业产品智能展示</div>
                        </li>
                    </ul>
                </div>

                <div class="vr_three_zixun">咨询我们：{$system.advisory.value}</div>

            </div>

        </div>

    </div>

    <div class="vr_four">

        <div class="container">

            <div class="font_title font-center">
                <h2>应用场景</h2>
                <p>我们全力协助企业实现价值突破，推动产品和和品牌价值最大化</p>
            </div>

            <div class="vr_cont">

                <div class="vr_four_box">
                    <ul>
                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img1.jpg">
                            </div>

                            <div class="vr_box_title">竞品分析</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img2.jpg">
                            </div>

                            <div class="vr_box_title">品牌提升</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img3.jpg">
                            </div>

                            <div class="vr_box_title">内训报告</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img4.jpg">
                            </div>

                            <div class="vr_box_title">商务谈判</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img5.jpg">
                            </div>

                            <div class="vr_box_title">商展活动</div>
                        </li>

                        <li>
                            <div class="vr_box_img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" class="vr_case_img" src="__TPMPLATE__pc/cms-yingxiao/images/vr/four_img6.jpg">
                            </div>

                            <div class="vr_box_title">售后服务</div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

</div>

{/block}